<!DOCTYPE HTML>
<html>
<head>
    <title>.:: Babosarang renewal ::.</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <script type="text/javascript" language="javascript" src="js/jquery.js"></script>
    <script type="text/javascript" language="javascript" src="js/html5.js"></script>
    <script type="text/javascript" language="javascript" src="js/jquery.banner.js"></script>
    <script type="text/javascript" language="javascript" src="js/common.js"></script>
    <link rel="stylesheet" type="text/css" href="css/style.css" />
    <link rel="stylesheet" type="text/css" href="css/shop.css" />
    <link rel="shortcut icon" href="img/favicon.ico" />
    <script type="text/javascript">
        $(document).ready(function(){
            // event main banner rolling
           $("#event_top_roll").jQBanner({
                nWidth:539,
                nHeight:298,
                nCount:10,
                isActType:"left",
                nOrderNo:1,
                isStartAct:"N",
                isStartDelay:"Y",
                nDelay:7000
            }); 
            // promotion banner rolling
            $("#div_Promotion").jQBanner({
                nWidth:357,
                nHeight:300,
                nCount:6,
                isActType:"left",
                nOrderNo:1,
                isStartAct:"N",
                isStartDelay:"Y",
                nDelay:7000
            }); 
        });
        // show promotion category banners
        function show_Carna_Img(wrap, v){
            for(var i=1; i<=3; i++){
                if(i != v){
                    $("#"+ wrap +" .img_no"+i).attr('src', 'img/event/hot_item_'+i+'.gif');
                }else{
                    $("#"+ wrap +" .img_no"+v).attr('src', 'img/event/hot_item_'+v+'_on'+'.gif');
                }
            }
        }
    </script>
</head>
<body>
    <header>
        <div class="container"><img src="img/header.jpg" /></div>
    </header>
    <article>
        <!-- Begin: Breadcrumb -->
        <div class="container">
            <dl class="breadcrumb mgb15">
                <span class="home"></span>홈<span class="cursor"></span><strong>이벤트</strong>
            </dl>
        </div>    
        <!-- End: Breadcrumb -->
        
        <!-- Begin: Event ID div -->
        <div id="event">
            <div class="container">
                <!-- Begin: Top Menu Button -->
                <div class="topmenu">
                    <ul>
                        <li>
                            <a onmouseover="MM_swapImage('m_event_1','','img/event/top_menu_01_on.gif',1)" onmouseout="MM_swapImgRestore()" href="#">
                                <img id="m_event_1" alt="" src="img/event/top_menu_01.gif" />
                            </a>
                        </li>
                        <li>
                            <a onmouseover="MM_swapImage('m_event_2','','img/event/top_menu_02_on.gif',1)" onmouseout="MM_swapImgRestore()" href="#" href="#">
                                <img id="m_event_2" alt="" src="img/event/top_menu_02.gif" />
                            </a>
                        </li>
                        <li>
                            <a onmouseover="MM_swapImage('m_event_3','','img/event/top_menu_03_on.gif',1)" onmouseout="MM_swapImgRestore()" href="#" href="#">
                                <img id="m_event_3" alt="" src="img/event/top_menu_03.gif" />
                            </a>
                        </li>
                        <li>
                            <a onmouseover="MM_swapImage('m_event_4','','img/event/top_menu_04_on.gif',1)" onmouseout="MM_swapImgRestore()" href="#" href="#">
                                <img id="m_event_4" alt="" src="img/event/top_menu_04.gif" />
                            </a>
                        </li>
                        <li>
                            <a onmouseover="MM_swapImage('m_event_5','','img/event/top_menu_05_on.gif',1)" onmouseout="MM_swapImgRestore()" href="#" href="#">
                                <img id="m_event_5" alt="" src="img/event/top_menu_05.gif" />
                            </a>
                        </li>
                        <li>
                            <a onmouseover="MM_swapImage('m_event_6','','img/event/top_menu_06_on.gif',1)" onmouseout="MM_swapImgRestore()" href="#" href="#">
                                <img id="m_event_6" alt="" src="img/event/top_menu_06.gif" />
                            </a>
                        </li>
                        <li>
                            <a onmouseover="MM_swapImage('m_event_7','','img/event/top_menu_07_on.gif',1)" onmouseout="MM_swapImgRestore()" href="#" href="#">
                                <img id="m_event_7" alt="" src="img/event/top_menu_07.gif" />
                            </a>
                        </li>
                        <li>
                            <a onmouseover="MM_swapImage('m_event_8','','img/event/top_menu_08_on.gif',1)" onmouseout="MM_swapImgRestore()" href="#" href="#">
                                <img id="m_event_8" alt="" src="img/event/top_menu_08.gif" />
                            </a>
                        </li>
                        <li>
                            <a onmouseover="MM_swapImage('m_event_9','','img/event/top_menu_09_on.gif',1)" onmouseout="MM_swapImgRestore()" href="#" href="#">
                                <img id="m_event_9" alt="" src="img/event/top_menu_09.gif" />
                            </a>
                        </li>
                    </ul>
                </div>
                <!-- Begin: Top Menu Button -->

                <!-- Begin: Top Div -->
                <div class="topdiv">
                    <div class="leftmenu">
                        <div class="nm">
                            <img src="img/event/txt_event_top_left.gif">
                        </div>
                        <ul class="navi">
                            <li><a href="#" title="전체보기"><strong>전체보기</strong></a></li>
                            <li><a href="#" title="디자인문구">디자인문구</a></li>
                            <li><a href="#" title="여행/취미">여행/취미</a></li>
                            <li><a href="#" title="홈/인테리어">홈/인테리어</a></li>
                            <li><a href="#" title="키친/리빙">키친/리빙</a></li>
                            <li><a href="#" title="뷰티/패션">뷰티/패션</a></li>
                            <li><a href="#" title="GIFT">GIFT</a></li>
                        </ul>
                    </div>
                    <div class="rolling">
                        <div id="event_top_roll" class="banner">
                            <div class="JqueryBannerSlides">
                                <div style="display:block;"><a href="#"><img src="img/banner/event_roll_01.jpg" /></a></div>
                                <div style="display:none;"><a href="#"><img src="img/banner/event_roll_02.jpg" /></a></div>
                                <div style="display:none;"><a href="#"><img src="img/banner/event_roll_03.jpg" /></a></div>
                                <div style="display:none;"><a href="#"><img src="img/banner/event_roll_04.jpg" /></a></div>
                                <div style="display:none;"><a href="#"><img src="img/banner/event_roll_05.jpg" /></a></div>
                                <div style="display:none;"><a href="#"><img src="img/banner/event_roll_06.jpg" /></a></div>
                                <div style="display:none;"><a href="#"><img src="img/banner/event_roll_07.jpg" /></a></div>
                                <div style="display:none;"><a href="#"><img src="img/banner/event_roll_08.jpg" /></a></div>
                                <div style="display:none;"><a href="#"><img src="img/banner/event_roll_01.jpg" /></a></div>
                                <div style="display:none;"><a href="#"><img src="img/banner/event_roll_02.jpg" /></a></div>
                            </div>
                            <div class="JqueryBannerButton">
                                <img border="0" src="img/common/rbtn_off.png" oversrc="img/common/rbtn_on.png" outsrc="img/common/rbtn_off.png" alt="1번"  btnno="0">
                                <img border="0" src="img/common/rbtn_off.png" oversrc="img/common/rbtn_on.png" outsrc="img/common/rbtn_off.png" alt="1번"  btnno="1">
                                <img border="0" src="img/common/rbtn_off.png" oversrc="img/common/rbtn_on.png" outsrc="img/common/rbtn_off.png" alt="1번"  btnno="2">
                                <img border="0" src="img/common/rbtn_off.png" oversrc="img/common/rbtn_on.png" outsrc="img/common/rbtn_off.png" alt="1번"  btnno="3">
                                <img border="0" src="img/common/rbtn_off.png" oversrc="img/common/rbtn_on.png" outsrc="img/common/rbtn_off.png" alt="1번"  btnno="4">
                                <img border="0" src="img/common/rbtn_off.png" oversrc="img/common/rbtn_on.png" outsrc="img/common/rbtn_off.png" alt="1번"  btnno="5">
                                <img border="0" src="img/common/rbtn_off.png" oversrc="img/common/rbtn_on.png" outsrc="img/common/rbtn_off.png" alt="1번"  btnno="6">
                                <img border="0" src="img/common/rbtn_off.png" oversrc="img/common/rbtn_on.png" outsrc="img/common/rbtn_off.png" alt="1번"  btnno="7">
                                <img border="0" src="img/common/rbtn_off.png" oversrc="img/common/rbtn_on.png" outsrc="img/common/rbtn_off.png" alt="1번"  btnno="8">
                                <img border="0" src="img/common/rbtn_off.png" oversrc="img/common/rbtn_on.png" outsrc="img/common/rbtn_off.png" alt="1번"  btnno="9">
                                <img border="0" src="img/common/rbtn_off.png" oversrc="img/common/rbtn_on.png" outsrc="img/common/rbtn_off.png" alt="1번"  btnno="10">
                            </div>
                        </div>
                    </div>
                    <div id="div_Promotion" class="promotion">
                        <div class="JqueryBannerSlides">
                            <div class="item clearfix" style="display: block;">
                                <dl class="photo"><img width="160" height="300" src="img/banner/event_promotion_1.jpg" /></dl>
                                <ul id="list_p01" class="banner">
                                    <li><img class="pointer img_no1" width="195" height="99" src="img/event/hot_item_1_on.gif" onmouseover="show_Carna_Img('list_p01', 1)" /></li>
                                    <li><img class="pointer img_no2" width="195" height="99" src="img/event/hot_item_2.gif" onmouseover="show_Carna_Img('list_p01', 2)" /></li>
                                    <li><img class="pointer img_no3" width="195" height="99" src="img/event/hot_item_3.gif" onmouseover="show_Carna_Img('list_p01', 3)" /></li>
                                </ul>
                            </div>
                            <div class="item clearfix" style="display: none;">
                                <dl class="photo"><img width="160" height="300" src="img/banner/event_promotion_2.jpg" /></dl>
                                <ul id="list_p02" class="banner">
                                    <li><img class="pointer img_no3" width="195" height="99" src="img/event/hot_item_3_on.gif" onmouseover="show_Carna_Img('list_p02', 3)" /></li>
                                    <li><img class="pointer img_no2" width="195" height="99" src="img/event/hot_item_2.gif" onmouseover="show_Carna_Img('list_p02', 2)" /></li>
                                    <li><img class="pointer img_no1" width="195" height="99" src="img/event/hot_item_1.gif" onmouseover="show_Carna_Img('list_p02', 1)" /></li>
                                </ul>
                            </div>
                            <div class="item clearfix" style="display: none;">
                                <dl class="photo"><img width="160" height="300" src="img/banner/event_promotion_1.jpg" /></dl>
                                <ul id="list_p03" class="banner">
                                    <li><img class="pointer img_no1" width="195" height="99" src="img/event/hot_item_1_on.gif" onmouseover="show_Carna_Img('list_p03', 1)" /></li>
                                    <li><img class="pointer img_no2" width="195" height="99" src="img/event/hot_item_2.gif" onmouseover="show_Carna_Img('list_p03', 2)" /></li>
                                    <li><img class="pointer img_no3" width="195" height="99" src="img/event/hot_item_3.gif" onmouseover="show_Carna_Img('list_p03', 3)" /></li>
                                </ul>
                            </div>
                            <div class="item clearfix" style="display: none;">
                                <dl class="photo"><img width="160" height="300" src="img/banner/event_promotion_2.jpg" /></dl>
                                <ul id="list_p04" class="banner">
                                    <li><img class="pointer img_no3" width="195" height="99" src="img/event/hot_item_3_on.gif" onmouseover="show_Carna_Img('list_p04', 3)" /></li>
                                    <li><img class="pointer img_no2" width="195" height="99" src="img/event/hot_item_2.gif" onmouseover="show_Carna_Img('list_p04', 2)" /></li>
                                    <li><img class="pointer img_no1" width="195" height="99" src="img/event/hot_item_1.gif" onmouseover="show_Carna_Img('list_p04', 1)" /></li>
                                </ul>
                            </div>
                            <div class="item clearfix" style="display: none;">
                                <dl class="photo"><img width="160" height="300" src="img/banner/event_promotion_1.jpg" /></dl>
                                <ul id="list_p05" class="banner">
                                    <li><img class="pointer img_no1" width="195" height="99" src="img/event/hot_item_1_on.gif" onmouseover="show_Carna_Img('list_p05', 1)" /></li>
                                    <li><img class="pointer img_no2" width="195" height="99" src="img/event/hot_item_2.gif" onmouseover="show_Carna_Img'list_p05', 2)" /></li>
                                    <li><img class="pointer img_no3" width="195" height="99" src="img/event/hot_item_3.gif" onmouseover="show_Carna_Img('list_p05', 3)" /></li>
                                </ul>
                            </div>
                            <div class="item clearfix" style="display: none;">
                                <dl class="photo"><img width="160" height="300" src="img/banner/event_promotion_2.jpg" /></dl>
                                <ul id="list_p06" class="banner">
                                    <li><img class="pointer img_no3" width="195" height="99" src="img/event/hot_item_3_on.gif" onmouseover="show_Carna_Img('list_p06', 3)" /></li>
                                    <li><img class="pointer img_no2" width="195" height="99" src="img/event/hot_item_2.gif" onmouseover="show_Carna_Img('list_p06', 2)" /></li>
                                    <li><img class="pointer img_no1" width="195" height="99" src="img/event/hot_item_1.gif" onmouseover="show_Carna_Img('list_p06', 1)" /></li>
                                </ul>
                            </div>
                        </div>
                        <div class="JqueryBannerButton">
                            <img border="0" src="img/common/rbtn2_off.png" oversrc="img/common/rbtn2_on.png" outsrc="img/common/rbtn2_off.png" alt="1번"  btnno="0">
                            <img border="0" src="img/common/rbtn2_off.png" oversrc="img/common/rbtn2_on.png" outsrc="img/common/rbtn2_off.png" alt="2번"  btnno="1">
                            <img border="0" src="img/common/rbtn2_off.png" oversrc="img/common/rbtn2_on.png" outsrc="img/common/rbtn2_off.png" alt="3번"  btnno="2">
                            <img border="0" src="img/common/rbtn2_off.png" oversrc="img/common/rbtn2_on.png" outsrc="img/common/rbtn2_off.png" alt="4번"  btnno="3">
                            <img border="0" src="img/common/rbtn2_off.png" oversrc="img/common/rbtn2_on.png" outsrc="img/common/rbtn2_off.png" alt="5번"  btnno="4">
                            <img border="0" src="img/common/rbtn2_off.png" oversrc="img/common/rbtn2_on.png" outsrc="img/common/rbtn2_off.png" alt="6번"  btnno="5">
                        </div>
                    </div>
                </div>
                <!-- End: Top Div -->
            </div>
            
            <!-- Begin: Event List -->
            <div class="centerbg">
                <div class="container">
                    <ul class="list clearfix">
                        <!--//  Row 1  //-->
                        <li>
                            <dl>
                                <div class="icon">
                                    <ul>
                                        <li><img src="img/icon/free_delivery.gif" /></li>
                                        <li><img src="img/icon/sale.gif" /></li>
                                    </ul>
                                </div>
                                <div class="photo">
                                    <a href="#" title=""><img src="img/event/event_img_01.jpg" alt="" /></a>
                                </div>
                                <div class="time"><span>~14.05.30</span></div>
                            </dl>
                        </li>
                        <li>
                            <dl>
                                <div class="icon">
                                    <ul>
                                        <li><img src="img/icon/gift.gif" /></li>
                                        <li><img src="img/icon/sale.gif" /></li>
                                    </ul>
                                </div>
                                <div class="photo">
                                    <a href="#" title=""><img src="img/event/event_img_02.jpg" alt="" /></a>
                                </div>
                                <div class="time"><span>~14.05.30</span></div>
                            </dl>
                        </li>
                        <li>
                            <dl>
                                <div class="icon">
                                    <ul>
                                        <li><img src="img/icon/free_delivery.gif" /></li>
                                    </ul>
                                </div>
                                <div class="photo">
                                    <a href="#" title=""><img src="img/event/event_img_01.jpg" alt="" /></a>
                                </div>
                                <div class="time"><span>~14.05.30</span></div>
                            </dl>
                        </li>
                        <li>
                            <dl>
                                <div class="icon">
                                    <ul>
                                        <li><img src="img/icon/sale.gif" /></li>
                                    </ul>
                                </div>
                                <div class="photo">
                                    <a href="#" title=""><img src="img/event/event_img_03.jpg" alt="" /></a>
                                </div>
                                <div class="time"><span>~14.05.30</span></div>
                            </dl>
                        </li>
                        <li class="plan br">
                            <dl>
                                <div class="icon">
                                    <ul>
                                        <li><img src="img/icon/sale.gif" /></li>
                                    </ul>
                                </div>
                                <div class="photo">
                                    <a href="#" title=""><img src="img/event/event_img_04.jpg" alt="" /></a>
                                </div>
                                <div class="time"><span>~소진시까지</span></div>
                            </dl>
                        </li>
                        <!--//  Row 2  //-->
                        <li class="plan">
                            <dl>
                                <div class="icon">
                                    <ul>
                                        <li><img src="img/icon/sale.gif" /></li>
                                    </ul>
                                </div>
                                <div class="photo">
                                    <a href="#" title=""><img src="img/event/event_img_04.jpg" alt="" /></a>
                                </div>
                                <div class="time"><span>~소진시까지</span></div>
                            </dl>
                        </li>
                        <li>
                            <dl>
                                <div class="icon">
                                    <ul>
                                        <li><img src="img/icon/sale.gif" /></li>
                                    </ul>
                                </div>
                                <div class="photo">
                                    <a href="#" title=""><img src="img/event/event_img_01.jpg" alt="" /></a>
                                </div>
                                <div class="time"><span>~14.05.30</span></div>
                            </dl>
                        </li>
                        <li>
                            <dl>
                                <div class="icon">
                                    <ul>
                                        <li><img src="img/icon/sale.gif" /></li>
                                    </ul>
                                </div>
                                <div class="photo">
                                    <a href="#" title=""><img src="img/event/event_img_02.jpg" alt="" /></a>
                                </div>
                                <div class="time"><span>~14.05.30</span></div>
                            </dl>
                        </li>
                        <li>
                            <dl>
                                <div class="icon">
                                    <ul>
                                        <li><img src="img/icon/sale.gif" /></li>
                                    </ul>
                                </div>
                                <div class="photo">
                                    <a href="#" title=""><img src="img/event/event_img_01.jpg" alt="" /></a>
                                </div>
                                <div class="time"><span>~14.05.30</span></div>
                            </dl>
                        </li>
                        <li style="padding-right: 0;">
                            <dl>
                                <div class="icon">
                                    <ul>
                                        <li><img src="img/icon/sale.gif" /></li>
                                    </ul>
                                </div>
                                <div class="photo">
                                    <a href="#" title=""><img src="img/event/event_img_03.jpg" alt="" /></a>
                                </div>
                                <div class="time"><span>~14.05.30</span></div>
                            </dl>
                        </li>
                        <!--//  Row 3  //-->
                        <li>
                            <dl>
                                <div class="icon">
                                    <ul>
                                        <li><img src="img/icon/free_delivery.gif" /></li>
                                        <li><img src="img/icon/sale.gif" /></li>
                                    </ul>
                                </div>
                                <div class="photo">
                                    <a href="#" title=""><img src="img/event/event_img_01.jpg" alt="" /></a>
                                </div>
                                <div class="time"><span>~14.05.30</span></div>
                            </dl>
                        </li>
                        <li>
                            <dl>
                                <div class="icon">
                                    <ul>
                                        <li><img src="img/icon/gift.gif" /></li>
                                        <li><img src="img/icon/sale.gif" /></li>
                                    </ul>
                                </div>
                                <div class="photo">
                                    <a href="#" title=""><img src="img/event/event_img_02.jpg" alt="" /></a>
                                </div>
                                <div class="time"><span>~14.05.30</span></div>
                            </dl>
                        </li>
                        <li>
                            <dl>
                                <div class="icon">
                                    <ul>
                                        <li><img src="img/icon/free_delivery.gif" /></li>
                                    </ul>
                                </div>
                                <div class="photo">
                                    <a href="#" title=""><img src="img/event/event_img_01.jpg" alt="" /></a>
                                </div>
                                <div class="time"><span>~14.05.30</span></div>
                            </dl>
                        </li>
                        <li>
                            <dl>
                                <div class="icon">
                                    <ul>
                                        <li><img src="img/icon/sale.gif" /></li>
                                    </ul>
                                </div>
                                <div class="photo">
                                    <a href="#" title=""><img src="img/event/event_img_03.jpg" alt="" /></a>
                                </div>
                                <div class="time"><span>~14.05.30</span></div>
                            </dl>
                        </li>
                        <li class="plan br">
                            <dl>
                                <div class="icon">
                                    <ul>
                                        <li><img src="img/icon/sale.gif" /></li>
                                    </ul>
                                </div>
                                <div class="photo">
                                    <a href="#" title=""><img src="img/event/event_img_04.jpg" alt="" /></a>
                                </div>
                                <div class="time"><span>~소진시까지</span></div>
                            </dl>
                        </li>
                    </ul>
                </div>
            </div>    
            
            <div class="container">
                <!-- Begin: Small Banner List -->
                <ul class="small-banner clearfix">
                    <li>
                        <dl onclick="">
                            <div class="img">
                                <a href="#"><img width="100" height="100" src="img/banner/event_banner_s01.jpg" title="포근한 봉제인형" /></a>
                            </div>
                            <ul class="info">
                                <li class="icon">
                                    <img src="img/icon/gift.gif" />
                                    <img src="img/icon/sale.gif" />
                                </li>
                                <li class="txt1">포근한 봉제인형</li>
                                <li class="txt2">코튼푸드 20%</li>
                            </ul>
                            <div class="time">~14.05.30</div>
                        </dl>
                    </li>
                    <li>
                        <dl onclick="">
                            <div class="img">
                                <a href="#"><img width="100" height="100" src="img/banner/event_banner_s02.jpg" title="아이코닉 치코다이어리나만의 스토리 담기!" /></a>
                            </div>
                            <ul class="info">
                                <li class="icon">
                                    <img src="img/icon/best.gif" />
                                </li>
                                <li class="txt1">아이코닉 치코다이어리나만의 스토리 담기!</li>
                                <li class="txt2">1+1 색상랜덤</li>
                            </ul>
                            <div class="time">~14.05.30</div>
                        </dl>
                    </li>
                    <li>
                        <dl onclick="">
                            <div class="img">
                                <a href="#"><img width="100" height="100" src="img/banner/event_banner_s03.jpg" title="뱅크북 파우치 반값-" /></a>
                            </div>
                            <ul class="info">
                                <li class="icon">
                                    <img src="img/icon/sale.gif" />
                                </li>
                                <li class="txt1">뱅크북 파우치 반값-</li>
                                <li class="txt2">바보사랑 단독 50%</li>
                            </ul>
                            <div class="time">~14.05.30</div>
                        </dl>
                    </li>
                    <li class="br">
                        <dl onclick="">
                            <div class="img">
                                <a href="#"><img width="100" height="100" src="img/banner/event_banner_s04.jpg" title="깜찍한 리본모양의펜슬케이스" /></a>
                            </div>
                            <ul class="info">
                                <li class="icon">
                                    <img src="img/icon/reservation.gif" />
                                    <img src="img/icon/sale.gif" />
                                </li>
                                <li class="txt1">깜찍한 리본모양의펜슬케이스</li>
                                <li class="txt2">30% + 무료배송</li>
                            </ul>
                            <div class="time">~14.05.30</div>
                        </dl>
                    </li>
                    <li>
                        <dl onclick="">
                            <div class="img">
                                <a href="#"><img width="100" height="100" src="img/banner/event_banner_s01.jpg" title="포근한 봉제인형" /></a>
                            </div>
                            <ul class="info">
                                <li class="icon">
                                    <img src="img/icon/gift.gif" />
                                    <img src="img/icon/sale.gif" />
                                </li>
                                <li class="txt1">포근한 봉제인형</li>
                                <li class="txt2">코튼푸드 20%</li>
                            </ul>
                            <div class="time">~14.05.30</div>
                        </dl>
                    </li>
                    <li>
                        <dl onclick="">
                            <div class="img">
                                <a href="#"><img width="100" height="100" src="img/banner/event_banner_s02.jpg" title="아이코닉 치코다이어리나만의 스토리 담기!" /></a>
                            </div>
                            <ul class="info">
                                <li class="icon">
                                    <img src="img/icon/best.gif" />
                                </li>
                                <li class="txt1">아이코닉 치코다이어리나만의 스토리 담기!</li>
                                <li class="txt2">1+1 색상랜덤</li>
                            </ul>
                            <div class="time">~14.05.30</div>
                        </dl>
                    </li>
                    <li>
                        <dl onclick="">
                            <div class="img">
                                <a href="#"><img width="100" height="100" src="img/banner/event_banner_s03.jpg" title="뱅크북 파우치 반값-" /></a>
                            </div>
                            <ul class="info">
                                <li class="icon">
                                    <img src="img/icon/sale.gif" />
                                </li>
                                <li class="txt1">뱅크북 파우치 반값-</li>
                                <li class="txt2">바보사랑 단독 50%</li>
                            </ul>
                            <div class="time">~14.05.30</div>
                        </dl>
                    </li>
                    <li class="br">
                        <dl onclick="">
                            <div class="img">
                                <a href="#"><img width="100" height="100" src="img/banner/event_banner_s04.jpg" title="깜찍한 리본모양의펜슬케이스" /></a>
                            </div>
                            <ul class="info">
                                <li class="icon">
                                    <img src="img/icon/reservation.gif" />
                                    <img src="img/icon/sale.gif" />
                                </li>
                                <li class="txt1">깜찍한 리본모양의펜슬케이스</li>
                                <li class="txt2">30% + 무료배송</li>
                            </ul>
                            <div class="time">~14.05.30</div>
                        </dl>
                    </li>                    
                </ul>
                <!-- End: Small Banner List -->

                <div class="pagination">
                    <ul>
                        <li class="first"><a href="#">처음</a></li>
                        <li><a href="#">&lt;</a></li>
                        <li class="active"><a href="#">1</a></li>
                        <li><a href="#">2</a></li>
                        <li><a href="#">3</a></li>
                        <li><a href="#">4</a></li>
                        <li><a href="#">5</a></li>
                        <li><a href="#">6</a></li>
                        <li><a href="#">7</a></li>
                        <li><a href="#">8</a></li>
                        <li><a href="#">9</a></li>
                        <li><a href="#">10</a></li>
                        <li><a href="#">&gt;</a></li>
                        <li class="last"><a href="#">끝</a></li>
                    </ul>
                </div>
                <!-- End: Event List -->
            </div>
        </div>
        <!-- End: Event ID div -->
        
        <br/><br/><br/><br/>
    </article>
    <footer>
        <div class="container"><img src="img/footer.jpg" /></div>
    </footer>
</body>
</html>